#Claude Code

1天前

#BestBlogs 【早阅】将 Claude 代码变成自己的超赞 UI 设计师（使用 Playwright MCP ） | 前端早读课文章详细阐述了如何通过集成 Playwright MCP 赋予 Claude Code 视觉能力，从而解决 AI 在前端 UI 设计中的盲点，实现像素级自校正和迭代优化，大幅提升设计效率和质量。摘要：文章深入探讨了 AI 在前端 UI 设计中面临的“盲点”困境，即传统 AI 代理无法“看见”自身代码渲染出的实际界面，导致设计通用且缺乏精度。为解决此问题，文章核心介绍了 Playwright MCP（模型协作协议）如何赋能 Claude Code 直接控制浏览器、截取屏幕截图，从而激活 AI 模型的视觉智能。文章进一步阐述了三个核心概念：作为 AI 工作流基石的“编排层”提供上下文、工具和验证机制；实现设计效率 10 倍提升的“迭代代理循环”允许 AI 自主运行并持续优化设计输出；以及通过屏幕截图“激活模型视觉智能”使其能进行更深层次的设计思考。此外，文章还介绍了文件作为 AI 记忆、子代理实现自动化与条件逻辑、Git Worktrees 并行开发策略以及视觉上下文提示最佳实践，为开发者提供了构建高效 AI 辅助设计工作流的全面指导。主要内容: 1. Playwright MCP 赋予 AI 代理视觉能力，解决了 AI 在 UI 设计中的“盲点”问题。 -- 传统 AI 因无法“看见”渲染界面而生成通用 UI，Playwright MCP 通过浏览器控制和截图，让 AI 能进行像素级自校正，显著提升设计精度和质量。 2. 迭代代理循环结合明确规范，使 AI 代理能长时间自主运行并持续优化设计输出。 -- 通过设定样式指南和 UI 模型作为验证器，AI 代理可进行多轮自我校正，大幅减少人工干预，实现设计流程的 10 倍效率提升。 3. 强大的编排层和文件是构建高效 AI 工作流的关键基石。 -- 编排层为 AI 提供全面的上下文、工具和验证机制；文件作为 AI 记忆，自动化加载设计原则和工作流配置，确保上下文一致性和工作流可移植性。 4. 激活模型视觉智能是提升 AI 设计深度的关键，通过屏幕截图充分利用其多模态能力。 -- Claude Code 等模型通过图像数据训练，Playwright MCP 提供的视觉反馈能激活其视觉智能，使其从实际视觉而非抽象代码层面思考设计，实现更精准的像素级优化和创意改进。文章链接：

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#AI #UI设计 #Playwright MCP #Claude Code #视觉智能

2天前

项目创建的时候随手设计了一个 memory 但是里面的东西越来越多了让 Claude Code 帮我重新设计了一下直接删掉了 70% 的内容。我们这个项目的 memory 也是开源的，大家也可以看到

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#项目memory #Claude Code #代码重构 #开源项目 #精简

2天前

1. 新的Claude Code更新 - 更简洁的终端/VS Code插件 - 快速运行大型任务和撤销的检查点功能

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #更新 #终端/VS Code插件 #大型任务 #检查点功能

2天前

有人可能会说，都国庆节了为什么要发这种牛马 Coding 模型，谁会在国庆节不出去旅游在家里 Coding 呢？但是别忘了我们有 Claude Code 啊，人需要休假，CC 牛马不能停！我也会在国庆期间写一个 Claude Code 的保姆级新手入门，目标就是让每个人都学会用 Claude Code，敬请期待！

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #国庆节 #coding #新手入门 #积极

2天前

🎉一觉醒来，Claude Code 又更新了，国庆期间刚好可以把玩 Sonnet 4.5 了最近这段时间用 Sonnet 4.0，感觉他写模板代码的能力确实强，但是对于理解我的意图以及修复问题还是有欠缺

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #Sonnet 4.5 #AI模型 #代码生成 #技术更新

4天前

看截图，我以前介绍过：Claude Code 有个特别的工具叫 Task tool，本质就是一个子 Agent，它可以有独立的上下文，所以哪怕它用了很多token，但也不会占用多少主Agent的上下文空间

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #Task tool #子Agent #上下文管理 #效率工具

AI进化论-花生

4天前

给我的Claude Code开发了个类IDE的图形界面（Next.JS），主要价值是： 1）能更方便在不同文件/项目间切换 2）能在使用cc的时候更容易查看文件信息 3）拖拽文件，上传图片作为上下文也更方便了 4）更符合平时使用对话式AI的习惯不过唯一问题还是不能部署为线上网页，会遇到权限问题，只能本地运行。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #IDE #图形界面 #Next.js #本地运行

4天前

另外也没办法真的 8 小时，Claude Code 会偷懒，执行一会就会自行中断，即使没用多少上下文，暂时还没解决这个问题，但是思路可以借鉴一下，如果有更好办法，欢迎留言交流。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #中断 #偷懒 #上下文 #交流

4天前

卧槽，我真解决了让 Codex 连续工作 8 小时的问题，上下文都不会爆掉！方案就是让 Claude Code 去当监工监督 Codex 干活，大概的步骤如下： 1. 首先要让 Codex 生成一个任务的 TODO List，就是那种能一步步完成的 2. 然后让 Codex 更新 Agents md 文件，加上说明，如果输入 continue，要读取 TODO 文件，去选取任务，执行后更新 TODO 3. 让 Claude Code 去执行命令： > export TERM=xterm && codex exec "continue to next task" --full-auto 也就是 Claude Code 去启动 codex 并传入提示词 "continue to next task" 并且监控 codex 的执行，如果当前任务完成了，就杀掉进程，重新执行上面的指令下一个任务。由于每次都是新的 session，所以 codex 的上下文每次用的不多，不会爆掉。那么怎么保证 Claude Code 的 Context 不爆掉呢？毕竟codex输出的信息也不少答案就是让 Claude Code 每次去启动 codex 和监控 codex 执行的时候，都起一个子 Agent，这样每个子 Agent 都有独立的上下文，主 Agent 只有子Agent完成的上下文，占用空间极小。完整的提示词和运行效果在图1可以看到： > 帮我在当前目录下，新开一个agent，使用 export TERM=xterm && codex exec "continue to next task" --full-auto 命令开启一个 codex 进程, 注意观察任务执行情况，如果当前任务完成(任务运行时间较长，可以多等一会)，就结束进程，然后重新开个agent运行相同指令让它继续 > 注意每次打开codex和监控它运行都调用一个新agent (Task Tool)来执行这个操作以避免主agent上下文太长 BTW: 监控 codex 执行这任务理论上来说 Gemini cli和 Codex cli 也能做，但是我没成功。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Codex #Claude Code #上下文管理 #任务分解 #AI 协同

4天前

Claude Code 这个偷懒的原因有点意外了。它好像要去赶飞机似得。

#Claude Code #赶飞机 #偷懒 #意外 #AI

4天前

这几天媳妇和娃回老家了，自己在家没媳妇催着睡觉，天天vibe coding到1点多，虽然进度突飞猛进，但是睡眠也严重不足。昨天要写一个账号注销功能，涉及到三方账号要撤回授权，Claude Code+GLM-4.5没搞定，因为我在授权登录时，数据存储有缺失，所以总是给我列TODO，而没有给我实现功能，所以就换了Codex试试，两轮之后功能达到了预期，但是实现方式我觉得不太妥当，今天准备再给Claude Code一个机会👀

#Vibe Coding #账号注销功能 #睡眠不足 #Claude Code #Codex

4天前

Designing Claude Code —— Claude Relations 负责人 Alex Albert 与 Claude Code 设计负责人 Meaghan Choi 一起探讨了 Claude Code 的设计理念、终端界面的演变，以及它如何赋能非技术人员如设计师。探讨的焦点在于 Claude Code 如何将 LLM 的力量无缝融入开发者日常工作流中，强调简洁、集成和创新。起源与设计核心：为什么选择终端？对话从 Claude Code 的独特“栖息地”—— CLI 终端开始。Meaghan 解释，这源于 Anthropic 早期工程师的热情：终端开发速度快、迭代灵活，且它是每个开发者的“标配”。出乎意料的是，这个选择让产品如鱼得水——无论你是 IDE 重度用户还是 Vim 爱好者，终端都是工作流的核心。它避免了引入新工具的摩擦，直接嵌入现有习惯。 Alex 补充，终端是软件开发的“基石”，Claude Code 则将其推向新高度。Meaghan 生动比喻：终端是人类与计算机的“第一界面”——纯文本、命令驱动。从早期命令行到如今的富媒体 Web UI，我们一度远离了这种简约。但 LLM 的出现让一切回归本质：输入文本、输出文本，无需繁复按钮。Claude Code 正是这种“完美婚姻”——它让模型的聊天式智能在终端中绽放，同时解决痛点，如从 Web 界面复制粘贴代码的烦恼。现在，提示一发，模型就能直接编辑本地文件。终端的演变与开发者工作流升级 Meaghan 分享了她对终端历史的热情：从文本命令的“超级工具”到 Web 时代的动画盛宴，再到 LLM 驱动的“聊天回归”。Claude Code 不是简单回溯，而是跃进——它将工作流从“逐行编码”提升到“全文件/任务级”变更，甚至未来可能到“项目级”协作，涉及多智能体协调。他们讨论了最近推出的 subagent 功能：通过斜杠命令和配置文件（如 settings.json 和 CLAUDE. md），用户能轻松切换提示、工具和设置。这借鉴了软件开发的经典架构（如 README），让终端从静态命令行变成动态智能体平台。Meaghan 坦言，早期设计挑战巨大——如窗口缩放时输入框的“轮廓线”会乱套，但通过库和迭代，他们克服了这些，实现了流畅的“提示分离”。设计过程：发明与精炼新功能的诞生很“Anthropic 式”：小团队（1-2名工程师）快速原型，内部全员测试（Anthropic 员工几乎人人用 Claude Code），然后迭代 UX。Meaghan 强调两大原则： · 保持简洁：CLI 空间有限，别淹没用户于信息洪流。 · 让模型闪耀：终端是最薄的“包装纸”，直达 Claude 的核心能力。例如，subagent 从 idea 到上线仅几周，焦点是视觉区分（如 subagent vs. 主 Claude）。Meaghan 的最爱是 ASCII艺术的“思考中”动画和模式指示（如规划模式或自动接受模式）——这些小触感注入个性，让编码从“机械敲击”变成生动互动，缓解编程的单调感。非技术人员的“解锁”：设计师的实战 Tips 视频高光是 Meaghan 作为设计师的亲身分享。她自嘲代码是 vibe-coding，但 Claude Code 让她从“求助工程师”转向自给自足，开启“新技能树”。关键益处： · 零成本脑暴：新功能设计时，先问 Claude 常见用例、边缘场景，或“如果你设计，会怎么做？” · 时间估算：拖入设计图，求模型评估开发时长，便于与工程师“友好辩论”。 · 收尾打磨：产品上线后，她能独立修复那些“P2 级”小瑕疵（如 UI 微调），无需排队。这不只提升效率，还加强跨角色协作：设计师的初步尝试，能让工程师对话更高效。Alex 赞叹，这模糊了“设计师 vs. 工程师”的界线，催生“设计工程师”时代。整体洞见这个视频不仅是 Claude Code 的设计解剖，更是 AI 时代工具哲学的缩影：回归简约、拥抱集成、赋能人人。Meaghan 的乐观显而易见——终端可能不是终点，但它证明 LLM 能重塑工作流，让编码从孤立任务变成协作冒险。对于开发者或设计师，这是个启发：试试 Claude Code，或许下一个 idea，就从终端一键落地。Anthropic 的风格一如既往：务实、热情，少点华丽，多点实用。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #LLM #终端 #开发者工作流 #设计工程师

5天前

哄睡了娃洗完了澡坐到电脑前启动 Cursor Claude Code 还有 Codex 此刻的我仿佛置身于天堂谢谢大家

#哄娃 #洗澡 #Cursor #Claude Code #Codex #天堂 #幸福

5天前

我的 Claude Code 极简启动器又升级了！ Claude Code 不只是代码助手，数据分析、文档处理都能用。每天启动，每小时都启动，你会获得持续不断的惊喜。 1.1.0 版本更新了什么？原来功能：在文件夹启动 Claude Code，告别打开终端再选择路径。 30秒启动 > 3秒启动，10倍效率提升！这次更新：新增程序坞启动！连文件夹都不需要了，直接在程序员启动每点一次就能启动一个终端，可以快速启动多个终端，开启多任务模式开源免费，直接下载：

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #启动器 #效率提升 #程序坞启动 #多任务

5天前

Claude Code 是真正意义上的全链路开发 Agent，从写代码到测试到发布 Github，全部自己完成。第一次用 Claude Code 写完软件发布到 Github 的时候，我还在用 Github 的客户端，各种报错。第二次用的时候，我装了一堆Agents，直接在CC里让 Agent 来提交了，遇到错误它会自己解决。太智能了。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #全链路开发 #agent #GitHub #自动化

5天前

网友问我现在怎么入门 iOS 开发，我说：当然是先集齐文具啊： Open AI Codex CLI GitHub Copilot CLI Claude Code Grok with Zai GLM-4.5 Cursor Agent

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#iOS开发 #Open AI Codex #GitHub Copilot #Claude Code #Grok GLM-4.5

AI进化论-花生

5天前

我的一人公司，再添一名数字员工——B站+YouTube的运营专员（Claude Code+Chrome Devtools MCP）事情这样，为你提升视频的互动率，我比较常用的一个内容运营策略是在做完视频后，再做一份图文教程或视频相关的素材，让观众留言特点关键词获取。但是留言一旦多了，自己去一一回复挺烦人的。现在用Claude Code+Chrome Devtools MCP则可以自动化地去完成这件事。只要表达需求，给哪条视频什么样的评论回复什么信息，它就能自动调用Chrome MCP打开网页，下滑网页找到必要的信息，理解评论能用，再帮我完成相应的回复操作。我觉得很多繁琐的必须自己在网页上干的事，比如什么填表格，定时抢票之类的，后续都可以试试交给这队组合了。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#一人公司 #数字员工 #B站YouTube运营 #Claude Code #Chrome DevTools MCP

Larry & Leo Bro - Eagle of Full Stack

5天前

解锁 claude code 新玩法！让 claude code 帮我：安装 Emacs package，然后跑个 headless emacs 测试！很有意思！ Emacs 道友，你这么玩过吗？

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #emacs #headless emacs #package安装 #技术玩法

迈克 Mike Chong

5天前

我：Costco 等待穷鬼套餐隔壁：Claude Code 启动！

#Costco #穷鬼套餐 #Claude Code

6天前

AI agent在疯狂自动干活，人不在的时候需要把电脑当驴使，但又要防止电脑休眠，推荐这款Caffeine Mac app，阻止电脑睡着。还有一个类似的命令行工具，都是claude code教我的。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#AI Agent #自动化 #Caffeine Mac app #防止电脑休眠 #Claude Code

6天前

AI agent在疯狂自动干活，人不在需要把电脑当驴使，但又要防止电脑休眠，推荐这款Caffeine Mac app，阻止电脑睡着。还有一个类似的命令行工具，都是claude code教我的。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#AI Agent #自动化 #Caffeine Mac app #防止电脑休眠 #Claude Code

1周前

#BestBlogs Claude Code 深度拆解：一个顶级 AI 编程工具的核心架构 | 大淘宝技术文章深度拆解了 Anthropic 的 AI 编程工具 Claude Code 的核心架构、执行流程与关键技术细节，并介绍了心流团队基于其理念开发的 iFlow CLI 2.0。摘要：文章对 Anthropic 开发的终端 AI 编程工具 Claude Code 进行了深度技术拆解。首先，它介绍了 Claude Code 以交互层、执行层和核心引擎为核心的系统架构，并详细阐述了从用户提交命令到结果渲染的完整执行流程。随后，文章深入分析了各个关键组件：交互层如何处理用户输入并渲染 AI 响应；核心引擎如何管理消息、查询 AI 模型和调度工具；强大的工具系统如何通过统一接口与外部环境交互；以及上下文管理如何利用 LRU 缓存、按需加载和结果截断等策略，在有限的上下文窗口内提供最相关的信息。文章还分享了 Binary Feedback 测试机制、MCP 工具分层管理、AI 辅助安全检测、上下文压缩和高效文件系统策略等技术启发。最后，文章介绍了心流团队受 Claude Code 启发，基于 Gemini CLI 改造并融合其特性的 iFlow CLI 2.0，详细说明了其安装方式、多运行模式、SubAgent 功能、开放市场资源以及在代码开发、网站制作和 DeepResearch 等场景的应用。主要内容: 1. Claude Code 的模块化架构是 AI 编程工具高效运行基石 -- 其交互层、执行层和核心引擎的清晰划分，确保了用户指令处理、AI 模型交互与工具调度的流畅与高效。 2. 上下文管理策略有效应对 LLM 长对话窗口限制 -- 通过 LRU 缓存、按需加载和结果截断等机制，智能管理代码上下文，保障 AI 在复杂项目中的理解力与响应速度。 3. 工具系统与 MCP 分层管理是 AI 编程工具扩展性核心 -- 统一的工具接口及全球/项目级配置管理，使 AI 能灵活调用外部能力，实现复杂任务并促进生态构建。 4. iFlow CLI 2.0 融合 Claude Code 特性提升国内开发体验 -- 基于 Gemini CLI 改造，引入多运行模式、SubAgent、上下文压缩及开放市场，为国内开发者提供高效 AI 辅助。文章链接：

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#AI编程工具 #Claude Code #iFlow CLI 2.0 #大淘宝技术 #Gemini CLI

AI进化论-花生

1周前

让Claude Code找到Paul Graham最新的100篇文章，并逐一完成翻译，现在到第十篇了，暂时还没偷懒。理论上这个任务有更高效的方式，比如写个爬虫爬下100篇文章，再调用LLM批量翻译就好了。不过现在用的是Claude Code+Chrome MCP的方式去做，有两个好处： 1）更简单，直接表达最终需求，agent该有这个能力去直接执行才对 2）可以执行其他类型的任务，比如像公众号等对爬虫有限制的网站，用浏览器MCP不会受限，你自己能浏览的，AI也能看； 3）Claude Opus 4.1的翻译能力不错，你不需要花额外翻译API的费用。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #Paul Graham #LLM翻译 #Chrome MCP #AI效率

1周前

$200美金/月（1500元/月）的Claude Code和Codex，比你聪明，比你勤奋。 → 如果你还把聪明或勤奋当成自己最宝贵的品质，你这辈子会过得很惨。

#阶层固化：求变之路，殊途同归· 643 条信息

#Claude Code #Codex #人工智能 #替代 #危机

Larry & Leo Bro - Eagle of Full Stack

1周前

你信吗？Claude Code 想要删我生产库的数据…… 幸亏被我的安全 hook 阻止了。 hook 定义见回复。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Claude Code #数据删除 #安全hook #生产库 #阻止